<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>

		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/ajax.js"></script>
		<script src="./js/vue.js"></script>
		<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
		<script src="js/head.js"></script>

		<script>
			var token = window.location.href.split("=")[1];
			console.log(token);
		</script>

		<style>
			body {
				background-color: #000000;
				color: white;
			}



			.container-table {

				/* border:  1px solid red; */
				height: 60px;
				line-height: 60px;

			}

			.container-table td {
				padding-right: 20px;
			}

			.photo {
				padding: 0px;
				margin: 0px;
				width: 150px;
				height: 70px;
				/* border: 1px solid red; */
				text-align: center;
			}

			img {

				width: 32px;
				height: 32px;
				border-radius: 50%;
			}

			img:hover {
				width: 32px;
				height: 32px;
				border-radius: 50%;
				cursor: pointer;
			}

			/* .link-point:hover {
				cursor: pointer;
			} */

			/* 	a:			包含以下的五种链接样式
				a:link   	未访问的链接样式
				a:visited   已访问的链接样式
				a:hover     鼠标移动到链接的样式
				a:active    鼠标点击时的样式
				a:focus     获得焦点的时候 鼠标松开时显示的样式 
			*/
			a,a:link,a:visited,a:hover,a:active,a:focus {
				color: white;
				/* 不显示超链接下划线 */
				text-decoration: none;
			}
		</style>


	</head>
	<body>



		<table class="container-table" >
			<tr id="roleAndUserName">
				<td class="photo">
					<!-- onerror:如果没有找到 photo就触发，显示指定的默认图片-->
					<img :src="photo" onerror="javascript:this.src='img/ysx.png'">
				</td>
				<td >
					<span>欢迎</span>
					<span class="roleName">{{roleName}}</span>
					<span class="userName">{{userName}}</span>
					<span>登录易小勤考勤系统</span>
				</td>
				
				<td class="link-point">
					<a href="./student/student-manager.html" target="right">
						<span class="glyphicon glyphicon-envelope"></span>
						个人中心
						</span>
					</a>
				</td>
				
				<td class="link-point">
					<a href="./user/update-password.html" target="right">
						<span class="glyphicon glyphicon-envelope"></span>
						修改密码
						</span>
					</a>
				</td>
				<td>
					<a href="login.html" target="all">
					<span class="link-point">
						<span class="glyphicon glyphicon-log-out"></span>
						退出登录
					</span>
				</td>
			</tr>
		</table>

		<!-- <div class="head-container">
			<div class="head-float-left">
				<img src="img/10010.jpg" />
			</div>
			
			<div class="head-float-right">
				<div class="head-float-right-child">
					<span>欢迎</span>
					<span class="roleName">系统管理员</span>
					<span class="userName">黄老师</span>
					<span>登录易小勤考勤系统</span>
				</div>
				
				<div class="head-float-right-child link-point">
					<span>修改密码</span>
				<div>
				<div class="head-float-right-child link-point">
					<span>退出登录</span>
				<div>
			</div>
		</div> -->

	</body>
	
</html>
